/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * central stylesheet - layout example "flexible-grids"
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 */

/* Google Font API */
/*@import url(http://fonts.googleapis.com/css?family=PT+Sans); */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700,300); 





/* import core styles | Basis-Stylesheets einbinden */
@import url(../yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */
@import url(../yaml/navigation/hlist.css);
@import url(../yaml/forms/gray-theme.css);

@import url(../yaml/screen/typography.css);
@import url(../yaml/screen/screen-FULLPAGE-layout.css);

/* import print layout | Druck-Layout einbinden */
@import url(../yaml/print/print.css);

/* import Button Libary folder includes also .less data for quick variation creation*/
@import url(../yaml/navigation/button.css);
/* import ToolTip Libary */
@import url(../yaml/add-ons/tooltip.css);
/*Style for the overlay which the open sidr creats(synectic.js) */
@import url(../yaml/add-ons/overlay.css);
/*Collapsed Menu button*/
@import url(../yaml/add-ons/menuCollapsed.css);
/*Import Loader animation for Gallery*/
@import url(../yaml/add-ons/load.css);
/*Import black and White effects*/
@import url(../yaml/add-ons/bAw.css);
/*Timeline css*/
@import url(../yaml/add-ons/timeline.css);
/*ISOTOPE and COUSTOM DROPDOWN css*/
@import url(../yaml/add-ons/team.css);

.js #mainNav{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.js .breadcrumb{
     margin-top: 0;
}
.js .tx-ws-flexslider{
    position: fixed;
    top: 61.750px;
    z-index: 10;
}
.js .pageContent{
    position: relative;
    top: 709px;
    width: 100%;
    bottom:370.063px;
    z-index: 20;
    background-color:#F5F5F5; 
}
.js footer{
    position:relative;
    top: 709px;
    /*bottom:0;*/
    /*height:370.063px;*/
    z-index: 30;
}
.js .map{
    position:relative;
    top: 709px;
    z-index: 30;
}
@media screen and (max-width: 760px) {
   

.js .breadcrumb{
    margin-top: 0;
}
.js .pageContent{
	margin-top: 62px;
}

}